<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="shortcut icon" href="../img/favicon.ico" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta content="telephone =no,email=no" name="format-detection" />  <!--屏蔽点击自动转换拨打电话-->
		<title>校园风采</title>
		<script src="../js/jquery.js"></script>
		<script type="text/javascript" src="../js/jquery.bxslider.js"></script>
		<link rel="stylesheet" type="text/css" href="../css/jquery.bxslider.css"/>
		<link rel="stylesheet" type="text/css" href="../css/base.css"/>
		<link rel="stylesheet" type="text/css" href="../css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/Christmas.css"/>
		<link rel="stylesheet" type="text/css" href="css/flexslider.css"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
	</head>
	<body>
		<div class="box">
		<header class="clearfix">
			<div class="logo">
				<a href="../index.html"><img src="../img/logo.jpg" /></a>
			</div>
			<nav>
				<ul class="clearfix">
					<li><a href="../index.html">首页</a></li>
					<li><a href="../survey/synopsis.html">学院概况</a></li>
					<li><a href="../course/environment.html">课程设置</a></li>
					<li style="background: #5c5c5c;"><a href="be reborn.html">校园风采</a></li>
					<li><a href="../index.html#stu">学员作品</a></li>
					<li><a href="../teacher/teacher.html">师资力量</a></li>
					<li><a href="../service/apply.html">学院服务</a></li>
					<li><a href="../call/call.html">联系我们</a></li>
				</ul>
			</nav>
			<div class="title">
				走过的路到了以后回想起来全是风景！
			</div>
			<div class="click">
				<img src="../img/menuClick.png" id="menu-click"/>
			</div>
		</header>
		<div class="none" id="menu">
			<ul>
				<li><a href="../index.html">首页</a></li>
				<li><a href="../survey/synopsis.html">学院概况</a></li>
				<li><a href="../course/environment.html">课程设置</a></li>
				<li><a href="be reborn.html" style="color: white;">校园风采</a></li>
				<li><a href="../index.html#stu">学员作品</a></li>
				<li><a href="../teacher/teacher.html">师资力量</a></li>
				<li><a href="../service/apply.html">学院服务</a></li>
				<li><a href="../call/call.html">联系我们</a></li>
			</ul>
		</div>
		</div>
		<div class="banner">
			<div class="slide"><img src="img/slider/sdwh_1.jpg"></div>
			<div class="slide"><img src="img/slider/sdwh_2.jpg"></div>
			<div class="slide"><img src="img/slider/sdwh_3.jpg"></div>
			<div class="slide"><img src="img/slider/sdwh_4.jpg"></div>
			<div class="slide"><img src="img/slider/sdwh_5.jpg"></div>
		</div>

		<div class="main clearfix">
			<aside>
			<ul>
            	<li><a href="be reborn.html"><span>新生</span>军训</a></li>
                <li><a href="base.html">环艺<span>实习基地</span></a></li>
                <li><a href="sport.html"><span>趣味</span>运动会</a></li>
                <li><a href="big student.html"><span>大学生</span>实训</a></li>
                <li><a href="perform.html"><span>观看话剧</span>表演</a></li>
                <li><a href="Christmas.html">圣诞<span>晚会</span></a></li>
            </ul>			
			</aside>
			<section>
			        <!-- Slider -->
			        <div class="slider">
			            <div class="container">
			                <div class="row">
			                    <div class="span10 offset1">
			                        <div class="flexslider">
			                            <ul class="slides">
			                                <li data-thumb="img/slider/sdwh_1.jpg">
			                                    <img src="img/slider/sdwh_1.jpg">
			                                </li>
			                                <li data-thumb="img/slider/sdwh_2.jpg">
			                                    <img src="img/slider/sdwh_2.jpg">
			                                </li>
			                                <li data-thumb="img/slider/sdwh_3.jpg">
			                                    <img src="img/slider/sdwh_3.jpg">
			                                </li>
			                                <li data-thumb="img/slider/sdwh_4.jpg">
			                                    <img src="img/slider/sdwh_4.jpg">
			                                </li>
			                                <li data-thumb="img/slider/sdwh_4.jpg">
			                                    <img src="img/slider/sdwh_4.jpg">
			                                </li>
			
			                            </ul>
			                        </div>
			                    </div>
			                </div>
			            </div>
			        </div>
			        <!-- Javascript -->
			        <script src="js/jquery.flexslider.js"></script>
			        <script src="js/scripts.js"></script>
			<div style="text-align:center;clear:both">
			</div>
			<p style="margin-top:33px;">一年一度的圣诞晚会在孩子们的期待中如期而至。和往年一样，现场演唱，以及各种游戏和礼物给今年的圣诞大餐带来了更多的乐趣，孩子们都沉浸在这浓浓的节日氛围中。</p>
			<p>晚会上，孩子们给大家带来了精心准备的节目。晚会以故事的形式贯穿全场，各年级的节目也是精彩纷呈，学生们在舞台上向自己的父母和老师们充分展示了自己的才艺，赢得了大家的一致好评。</p>
			<p>演出在同学们的歌声和舞蹈中落下帷幕。孩子们带着甜甜的微笑离开会场，心中充满了喜悦。圣诞晚会让孩子们在活动中收获了快乐，学会了团结协作，关爱共享。祝大家圣诞快乐并预祝来年更精彩。</p>
			</section>
		</div>
		<div class="box">
			<footer>
				<ul class="clearfix">
					<li>
						<p>咨询电话：010-58447031</p>
						<p>010-58447030</p>
					</li>
					<li>
						<p>咨询邮箱：bjjxkj@126.com</p>
						<p>&nbsp;Mobile :&nbsp;15321575023</p>
					</li>
					<li>
						<p>咨询QQ：1718693915</p>
						<p>1019959019</p>
						<p>138259017</p>
					</li>
					<li>
						<p class="ellipsis">学院网址：http://www.zgcxueyuan.com</p>
						<p>学院地址：中关村学院二分院（北京市</p>
						<p>海淀区中关村环保科技园温阳路170号）</p>
					</li>
				</ul>
			</footer>
		</div>

	</body>
	<script type="text/javascript">
		$(document).ready(function(){
  			$("#menu-click").click(function(){
   			$("#menu").slideToggle("slow");
  		});
  			$(".banner").bxSlider({
			slideWidth:1920,
			infiniteloop:false,
			hideControlOnEnd:true,
			slideMargin:0
		});
		});
		
	</script>

</html>
